/*
Theme Name: CETDEM theme
Theme URI: n/a
Description: A wordpress theme created by TOA students for CETDEM
Version: 1
Author: Joyce Lee, Becher Ku, Wong J-mie

Default WordPress Theme by Becher  Ku || http:// n/a
Modifications and coding by Joyce Lee || http://joycebean.net
*/



html, body {margin:0; padding:0; height:100%; width:100%; }

/** { margin: 0; padding: 0; }*/

body {font-size:13px; font-family:arial; text-align:center;}

.topLinksPos {position:absolute; top:122px; left:100px; z-index:100;}

.boxesFeatureTitle {font-size:18px; text-transform:uppercase; color:#ffffff; position:absolute; top:170px; left:50px; z-index:100; font-weight:bold;}

#navbar {margin: 0; padding: 0; height: 1em; text-align:left; font-family:arial; font-weight:bold; font-size:12px; }

#navbar li {list-style: none; float: left; }
#navbar li a { display: block; padding: 3px 12px; color: #FFF; text-decoration: none; }
#navbar li ul { display: none; width: 10em; /* Width to help Opera out */ background-color: #C5F7A7;}
#navbar li:hover ul, #navbar li.hover ul { font-size:12px; font-weight:normal; display: block; position: absolute; margin: 0; padding: 0; }

#navbar li:hover li, #navbar li.hover li { float: none; }
#navbar li:hover li a, #navbar li.hover li a {background-color: #C5F7A7; border-bottom: 1px solid #888; color: #000000; }
#navbar li li a:hover {background-color: #C5F7A7; }

#container { position:relative; top:0px; width:1000px; margin:0 auto;}


#Img1 {position:relative; width:1000px; height:155px; margin:0 auto; background:url(images/index_01.png) no-repeat top center; }
#Img3 {position:relative; width:1000px; height:405px; margin:0 auto; background:url(images/index_03.png) no-repeat top center; }

#Img4 {position:relative; margin:0 auto; width:100% height:100%; overflow: auto; }

.pg2 {background-image:url(images/index_04.png); background-repeat:repeat-y;}

#Img5 {position:relative; width:1000px; height:86px; margin:0 auto; background:url(images/index_05.png) no-repeat top center; z-index:-100; }


#pagesImg1 {position:relative; width:1000px; height:155px; margin:0 auto; background:url(images/pages_01.png) no-repeat top center; }
#pagesImg3 {position:relative; margin:0 auto; width:100% height:100%; overflow: auto; }

.pg1 {background-image:url(images/index_04.png); background-repeat:repeat-y;}

#pagesImg4 {position:relative; width:100% height:100%;margin:0 auto; background:url(images/page_04.png) no-repeat top center; }



.repeatContent {background:url(images/index_04.png) no-repeat; }

.imgRollPos { position:absolute; top:35px; left:412px; }

.climateChange a{ background: url(buttons/climateOver.png) no-repeat; display: block; margin-bottom:5px;}
.climateChange a:hover img {visibility:hidden}

.sustainable a{ background: url(buttons/sustainableEnergyOVER.png) no-repeat; display: block;}
.sustainable a:hover img {visibility:hidden}

* html a:hover {visibility:visible}

.imgRollPos2 { position:absolute; top:35px; left:617px; }

.organicFarming a{ background: url(buttons/organicOver.png) no-repeat; display: block; margin-bottom:5px;}
.organicFarming a:hover img {visibility:hidden}

.sustainableT a{ background: url(buttons/sustainableTransportOver.png) no-repeat; display: block; margin-bottom:5px;}
.sustainableT a:hover img {visibility:hidden}

.imgRollPos3 { position:absolute; top:25px; left:820px; }

.SUDI a{ background: url(buttons/SUDI-rev.png) no-repeat; display: block; margin-bottom:5px;}
.SUDI a:hover img {visibility:hidden}

.PJ-Ecom a{ background: url(buttons/PJ-Ecom-rev.png) no-repeat; display: block; margin-bottom:5px;}
.PJ-Ecom a:hover img {visibility:hidden}


.Box1Pos{ position:absolute; top:215px; left:110px; width:175px; text-align:left;}
.Box2Pos{ position:absolute; top:215px; left:305px; width:175px; text-align:left;}
.Box3Pos{ position:absolute; top:215px; left:500px; width:175px; text-align:left;}

.Box{ color:#DF020A; line-height:16px; }
.boxTitle{ color:#573B07; font-size:15px; text-transform:uppercase; font-weight:bold; }

#contentWrap {width:860px; margin:0 auto;}
#contentBoxPos {float:left; width:674px; text-align:left;}
#navBoxPos {float:right; width:176px; text-align:left;}

.contentBox {background-color:#fffddd; padding:20px; border:5px #8edc39 solid; z-index:100; color:#603813;}
.navBox {background-color:#fffbbb; padding:6px; border:3px #8edc39 solid; z-index:1000;}

.navBox ul {padding:0; margin:0; list-style-type: none;}
.navBox li {padding:0; margin:0; list-style-type: none;}
.navBox ul li {padding:0; margin:0; list-style-type: none;}
.navBox ul ul li {padding:0; margin:0; list-style-type: none;}
.navBox ul ul ul li {padding:0; margin:0; list-style-type: none;}

li {padding:0; margin:0; list-style-type: none;}


a:link, a:active, a:visited { color:#271511;}
a:hover {color:#933824;}

a.readMore {color:#06781E}
a.readMore:hover {color:#000000}

.header {font-size:20px; color:#366919; font-weight:bold; text-transform:uppercase; text-decoration:none; letter-spacing:-1px;}
.header a{font-size:20px; color:#366919; font-weight:bold; text-transform:uppercase; text-decoration:none; letter-spacing:-1px;}
.header a:hover{color:#61a319;}

h2 {color:#4A8229;}

.footerWords {position:absolute; top:45px; color:#dcbfa5; left:100px; width:800px; text-align:center;}

blockquote {background-color:#fffaaa; padding:15px; padding-left:20px; width:580px; border:1px #8edc39 solid; margin:0 auto; }